/*!
 * HITACHI VANTARA PROPRIETARY AND CONFIDENTIAL
 *
 * Copyright 2018 Hitachi Vantara. All rights reserved.
 *
 * NOTICE: All information including source code contained herein is, and
 * remains the sole property of Hitachi Vantara and its licensors. The intellectual
 * and technical concepts contained herein are proprietary and confidential
 * to, and are trade secrets of Hitachi Vantara and may be covered by U.S. and foreign
 * patents, or patents in process, and are protected by trade secret and
 * copyright laws. The receipt or possession of this source code and/or related
 * information does not convey or imply any rights to reproduce, disclose or
 * distribute its contents, or to manufacture, use, or sell anything that it
 * may describe, in whole or in part. Any reproduction, modification, distribution,
 * or public display of this information without the express written authorization
 * from Hitachi Vantara is strictly prohibited and in violation of applicable laws and
 * international treaties. Access to the source code contained herein is strictly
 * prohibited to anyone except those individuals and entities who have executed
 * confidentiality and non-disclosure agreements or other agreements with Hitachi Vantara,
 * explicitly covering such access.
 */

get-fields-app .header {
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

get-fields-app .headerText {
  font-size: 24px;
  line-height: 34px;
}

get-fields-app .middle {
  position: absolute;
  top: 74px;
  bottom: 130px;
  padding: 0 20px;
  left: 0;
  right: 0;
}

get-fields-app .fields {
  height: 100%;
  overflow: auto;
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

get-fields-app .bottom {
  padding: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}

get-fields-app .clearSelection {
  width: 100%;
  height: 38px;
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
}

get-fields-app .clearSelection span {
  cursor: pointer;
  text-decoration: underline;
  color: blue;
}

get-fields-app .buttons {
  margin-top: 20px;
}

get-fields-app .fieldsOutput {
  padding: 10px 20px;
}

/* INPUTS/BUTTONS */
get-fields-app input[type="text"] {
  border: 1px solid #CCC;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #212121;
  padding: 0 10px;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 17px;
  height: 34px;
}

get-fields-app input[type="text"]:focus {
  border: 1px solid #005DA6;
}

get-fields-app .floatLeft {
  float: left;
}

get-fields-app .floatRight {
  float: right;
}

get-fields-app .clearDisabled {
  cursor: default;
  opacity: .3;
}
